<html>
<head> 

<title>O potiguar</title>
<meta charset='UTF-8'>
<style type="text/css">


table.tabEstoque
{
width:75%;

}
th.tabEstoque{
height:60px;
background-color:#FFEC8B;
font-family:'Purisa';
font-size:20px;
}

td.tabEstoque{

background-color:#FFFFFF;
text-align:center;
font-family:'Purisa';
height:40px;
font-size:20px;
}

</style>
</head>
<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}">
<body > 
<br>
<div align="center">
<img class="banner" src= "/public/images/banner cópia.jpg"> 	 
</div>

<div align="right">

<TABLE BACKGROUND="#CDB38B"  > 
<TR> 

	<td class="head1"><a href=@{Application.index()}> <cabecalho>Início  </cabecalho></a></td> <td>
	<td class="head2"><a href=@{ControllerTabref.showcardapio()}> <cabecalho>Cardápio  </cabecalho></a></td><td><td>
	<td class="head3"><a href=@{Application.Localizacao()}><cabecalho>Localização</cabecalho>
	<td class="head4"><a href=@{Application.tela_login()}> <cabecalho>Área restrita</cabecalho></a></td><td><td>
	

</TR>
</TABLE> 
</div>
<br></br>
<a  href=@{Application.showAreaRestrita()} ><img class="icon" src= "/public/images/home.png" ></a>
<a  href=@{Application.showAreaRestrita()}><img class="icon1" src= "/public/images/icon-25858_640.png"></a>

<titlepage> Vizualizar Estoque </titlepage>
<br></br>
<div align= "center" >
<table class="tabEstoque">

<tr class="tabEstoque">
<th class="tabEstoque">Produto</th>
<th class="tabEstoque" >Quantidade</th>

</tr>
#{if (!list_produto.isEmpty())}
 #{list items:list_produto, as:'p'}
<tr class="tabEstoque">
<td class="tabEstoque">${p.nome_produto}</td>
<td class="tabEstoque">${p.quantidade}  kg</td>

</tr>
#{/list}
#{/if}

 </table>
</div>